<template>
	<view class="address-list">
		<view class="item" v-for="(item,index) in 5">
			<view class="main">
				<view class="top">
					<view class="name">张欣蕊</view>
					<view class="phone">138****1931</view>
				</view>
				<view class="info">
					
					<text><view v-if="index == 0" class="default">默认</view>浙江省 杭州市 拱墅区 半山街道  宋都香悦郡国际公馆 7幢1904室</text>
				</view>
			</view>
			<navigator url="/pages/lease/address-add" class="edit" hover-class="none">
				<image src="/static/images/icon/edit.png"></image>
			</navigator>
		</view>
		
		<view class="fixed-one-btn">
			<navigator url="/pages/lease/address-add" class="f-btn">新建收货地址</navigator>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	page { background-color: #fff; }
	.address-list {
		padding: 0 24rpx 140rpx 24rpx;
		
		.item {
			padding: 32rpx 0;
			display: flex;
			align-items: center;
			
			&~.item {
				border-top: 2rpx solid #F5F5F5;
			}
			
			.main {
				flex: 1;
				
				.top {
					display: flex;
					width: 100%;
					
					.name {
						font-size: 32rpx;
						font-weight: bold;
						color: #1F1F1F;
						line-height: 32rpx;
					}
					
					.phone {
						margin-left: 32rpx;
						font-size: 32rpx;
						font-weight: bold;
						color: #1F1F1F;
						line-height: 32rpx;
					}
				}
						
				.info {
					margin-top: 24rpx;
					
					.default {
						display: inline-block;
						margin-right: 8rpx;
						padding: 0 12rpx;
						height: 32rpx;
						background: #47A9FF;
						border-radius: 20rpx;
						font-size: 24rpx;
						font-weight: 400;
						color: #FFFFFF;
						line-height: 32rpx;
					}
					
					text {
						flex: 1;
						font-size: 24rpx;
						font-weight: 400;
						color: #999999;
						line-height: 40rpx;
					}
				}
			}
			
			.edit {
				margin-left: 34rpx;
				width: 40rpx;
				
				image {
					width: 100%;
					height: 40rpx;
				}
			}
		}
	}
</style>